<template>
	<view class="content">
		<view class="c2c">
			<view class="c2c_type">
				<view :class="type == 'BUY' ? 'active' : ''" @click="setType('BUY')">购买广告</view>
				<view :class="type == 'SELL' ? 'active' : ''" @click="setType('SELL')">出售广告</view>
			</view>
			<view class="block1">
				<text>币种</text>
				<text>
					<text class="gray">参考价≈7.085 CNY</text>
					<text>BTC</text>
				</text>
			</view>
			<view class="block2">
				<view class="l_input">
					<view class="label">
						交易价格
					</view>
					<view class="m_input">
						<input type="text" value="" placeholder="请输入交易价格"/>
						<text>CNY</text>
					</view>
				</view>
				<view class="l_input">
					<view class="label">
						最小个数
					</view>
					<view class="m_input">
						<input type="text" value="" placeholder="请输入交易价格"/>
						<text>CNY</text>
					</view>
				</view>
				<view class="l_input">
					<view class="label">
						购买数量
					</view>
					<view class="m_input">
						<input type="text" value="" placeholder="请输入交易价格"/>
						<text>CNY</text>
					</view>
				</view>
				<view class="sm_title">
					资产余额：1.2556 BTC
				</view>
			</view>
			<view class="block3" @click="$goPage('../c2cReceivable/c2cReceivable')">
				<text>收款方式</text>
				<view class="img">
					<image class="one" src="../../../static/c2c/yhk.png" mode=""></image>
					<image class="two" src="../../../static/c2c/zfb.png" mode=""></image>
					<image class="three" src="../../../static/c2c/wx.png" mode=""></image>
					<uni-icons type="arrowright" :color="'#03bcc0'" size="16"></uni-icons>
				</view>
			</view>
			<view class="block4">
				<view class="title">
					交易设置 （选填）
				</view>
				<view class="tea">
					<text>交易说明：</text>
					<textarea value="" placeholder="请输入备注信息" />
				</view>
			</view>
			<view class="blue_btn">
				确认发布
			</view>
		</view>
	</view>
</template>

<script>
import uniIcons from '@/components/uni-icon/uni-icon.vue';
export default {
	components: { uniIcons, },
	data() {
		return {
			type: 'BUY',
		};
	},
	computed: {
		
	},
	onShow() {
		
	},
	methods: {
		setType(type) {
			this.type = type;
		}
	}
};
</script>

<style lang="scss">
@import './style.scss';
</style>
